<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>野生程序员</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Creative Resume Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
<link href="css/owl.theme.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />
<!-- font-awesome icons -->
<link href="css/font-.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- font -->
<link href="//fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- menu -->
<link rel="stylesheet" href="css/main.css">
<script type="text/javascript" src="js/main.js"></script>
<!-- //menu --> 
<script>
$(document).ready(function() { 
	$("#owl-demo").owlCarousel({
 
		autoPlay: 3000, //Set AutoPlay to 3 seconds
		autoPlay:true,
		items : 3,
		itemsDesktop : [640,5],
		itemsDesktopSmall : [414,4]
 
	});
	
}); 
</script>
</head>
<body>
	<!-- banner -->
	<div class="banner" id="home">
		<!-- menu -->
			<div id="toggle_m_nav">
			  <div id="m_nav_menu" class="m_nav">
				<div class="m_nav_ham" id="m_ham_1"></div>
				<div class="m_nav_ham" id="m_ham_2"></div>
				<div class="m_nav_ham" id="m_ham_3"></div>
			  </div>
			</div>

			<div id="m_nav_container" class="m_nav">
			  <ul id="m_nav_list" class="m_nav">
				<li class="m_nav_item" id="m_nav_item_1"> <a href="#home">Home</a> </li>
				<li class="m_nav_item" id="moble_nav_item_2"> <a href="#about">About</a> </li>
			  </ul>
			</div>
		<!-- menu -->
		<div class="container">
			<div class="agile-logo">
				<h1><a href="index.html">awesome<span>Resume</span></a></h1>
			</div>
			<div class="w3l-banner-grids">
				<div class="col-md-8 w3ls-banner-right">
					<div class="banner-right-img">
						<img src="images/IMG_self.jpg" alt="" />
					</div>
					<div class="banner-right-info">
						<h2>Life is short.</h2>
						<p>Well you only need the light when its burning low</p>
						<p>Only miss the sun when it starts to snow</p>
						<p>Only know you love her when you let her go</p>
						<p>Only know you've been high when you're feeling low</p>
						<p>Only hate the road when you're missing home</p>
						<p>Only know you love her when you let her go</p>
						<p>And you let her go</p>
						<p>[Let Her Go - Passenger]</p>
					</div>
					<div class="clearfix"> </div>
<!--					<div class="w3-button">
						<div class="w3-button-info m_nav_item">
							<a class="hvr-radial-out" href="mailto:guodong_hu@126.com">Contact Me</a>
						</div>
					</div>-->
<!--					<div class="social-grids">
						<div class="social-info">
							<h4>Follow : </h4>
						</div>
						<div class="agileinfo-social-grids">
							<ul>
								<li><a href="#"><i class="fa fa-we"></i></a></li>
								<li><a href="#"><i class="fa fa-weixin"></i></a></li>
								<li><a href="#"><i class="fa fa-weibo"></i></a></li>
							</ul>
						</div>
						<div class="clearfix"> </div>
					</div>-->
				</div>
				<div class="col-md-4 w3ls-banner-left">
					<div class="w3ls-banner-left-info">
						<h4>Job Title</h4>
						<p>Coder</p>
					</div>
					<div class="w3ls-banner-left-info">
						<h4>Name</h4>
						<p>Hu Guo Dong</p>
					</div>
					<div class="w3ls-banner-left-info">
						<h4>Sex</h4>
						<p>Male</p>
					</div>
					<div class="w3ls-banner-left-info">
						<h4>Address</h4>
						<p>Shen Zhen, GuangDong, China</p>
					</div>
					<div class="w3ls-banner-left-info">
						<h4>Email</h4>
						<p><a href="mailto:guodong_hu@126.com">guodong_hu@126.com</a></p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //banner -->
	<!-- about -->
	<div class="about" id="about">
		<div class="container">
			<div class="wthree-about-grids">
				<div class="col-md-6 wthree-about-left">
					<h3>About Me</h3>
					<h4>A thinker. A walker.</h4>
					<p>Years may wrinkle the skin, but to give up enthusiasm wrinkles the soul.
						<span>
							Youth is not a time of life, it is a state of mind.
						</span>
						May you die young. </p>
				</div >
				<div class="col-md-6 wthree-about-right">
					<h3>Skills</h3>
					<div class="skills-bar">
						<section class='bar'>
						  <section class='wrap'>
							<div class='wrap_right'>
							  <div class='bar_group'>
								<div class='bar_group__bar thin' label='Java' show_values='false' tooltip='false' value='1000'></div>
								  <div class='bar_group__bar thin' label='Jsp, Html, Css, jQuery' show_values='false' tooltip='false' value='800'></div>
								  <div class='bar_group__bar thin' label='Mysql, DB2, Oracle' show_values='false' tooltip='false' value='750'></div>
								  <div class='bar_group__bar thin' label='Spring, MyBatis, Struts1&2' show_values='false' tooltip='false' value='900'></div>
								  <div class='bar_group__bar thin' label='Python, C' show_values='false' tooltip='false' value='700'></div>
							  </div>
							</div>
							<div class='clear'></div>
						  </section>
						</section>
					</div>
				</div >
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //about -->

	<!-- copyright -->
	<div class="agileits-w3layouts-footer">
		<div class="container">
			<p>© 2017 <a href="http://gdhu.oschina.io/blog/">HuGuoDong</a> All rights reserved.</p>
		</div>
	</div>
	<!-- //copyright -->
	<script src="js/bars.js"></script>
	<script src="js/owl.carousel.js"></script> 
</body>	
</html>